<template>
  <view class="box">
    <!-- 经纪人离职分配 -->
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />经纪人管理
      <!-- <image class="image2" src="https://pic.bangbangtongcheng.com/static/xiaoxi.png" mode="widthFix" /> -->
      <p @click="bianji" v-if="dutyStatus != 1">{{ text }}</p>
    </view>
    <view class="mingpian">
      <view class="name">{{ jjrInfo.userName }}</view>
      <image class="img1" :src="jjrInfo.image" />
      <view class="img2">经纪人</view>
      <view class="xin" v-if="jjrInfo.isAgent == 1">
        <image class="img3" v-for="item in jjrInfo.scoreAvg" :key="item"
          src="https://pic.bangbangtongcheng.com/static/xin_liang.png" />
        <image class="img3" v-for="item in 5 - jjrInfo.scoreAvg" :key="item"
          src="https://pic.bangbangtongcheng.com/static/xin_hui.png" />
      </view>
    </view>
    <scroll-view scroll-x style="padding-top: 6rpx" class="bg-white nav" scroll-with-animation
      :scroll-left="scrollLeft">
      <view class="cu-item view" :class="index == TabCur ? 'text-green cur' : ''" v-for="(item, index) in list"
        :key="index" @tap="tabSelect" :data-id="index">
        {{ item.name }}
        <image src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix" v-if="TabCur == index" />
      </view>
    </scroll-view>

    <scroll-view scroll-y :style="
        'height:calc( 100vh - ' + statusBarHeight + 'px - 240rpx  - 88rpx )'
      " @scrolltolower="down" refresher-background="#f5f5f5">
      <view class="list_1">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item.id)">
          <checkbox v-if="width == 290" style="top: -47px; margin-right: 10px" class="round" :checked="item.active"
            :data-index="index" @click.stop="changeRadio"></checkbox>
          <view class="xian" :style="'width: ' + (width + 324) + 'rpx'"></view>
          <image class="img1" :src="item.display_diagram?item.display_diagram:imgUrl + item.house_image" />
          <!-- <image
          class="img2"
          :style="width == 290?'left:72rpx':'left:0rpx'"
          src="https://pic.bangbangtongcheng.com/static/shou.png"
        />
        <image
          class="img3"
          :style="width == 290?'left:72rpx':'left:0rpx'"
          src="https://pic.bangbangtongcheng.com/static/zu.png"
          />-->
          <view class="li_1" :style="'width: ' + width + 'rpx'">
            <view class="tit">{{ item.title }}</view>
            <view class="neirong_1">
            	<view class="neir_css">{{ item.region }}</view>
            </view>
            <view class="neirong_1">
            	<view class="neir_css">{{item.house_type || ''}}</view>
            </view>
            <view class="neirong_1">
              <view class="price neir_css" v-if="item.transaction_type == 2">{{ item.price }}万</view>
              <view class="price neir_css" v-if="item.transaction_type == 1 && item.price <= 10000">{{ item.price }}元</view>
              <view class="price neir_css" v-if="item.transaction_type == 1 && item.price > 10000">{{ item.price/10000 }}万元</view>
              <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
            </view>
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
      <!-- <view class="list_1">
        <view
          class="li"
          v-for="(item, index) in 5"
          :key="index"
          @click="details(index)"
        >
          <checkbox
            v-if="width == 290"
            style="top: -47px; margin-right: 10px"
          ></checkbox>
          <view class="xian" :style="'width: ' + (width + 324) + 'rpx'"></view>
          <image class="img1" src="https://pic.bangbangtongcheng.com/static/1.jpg" />
          <image
            class="img2"
            :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
            src="https://pic.bangbangtongcheng.com/static/shou.png"
          />
          <image
            class="img3"
            :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
            src="https://pic.bangbangtongcheng.com/static/zu.png"
          />
          <view class="li_1" :style="'width: ' + width + 'rpx'">
            <view class="tit"
              >文豪苑小区 视野开阔 雄楚大道699号文豪苑小区 视野开阔
              雄楚大道699号文豪苑小区</view
            >
            <view class="jiedao">雄楚大道关东街道 金地·中心城 3层/共6层</view>
            <view class="shijian">
              <span
                style="
                  margin-right: 24rpx;
                  color: red;
                  font-size: 36rpx;
                  font-weight: 600;
                "
                >1314套</span
              >
              <span style="margin-right: 14rpx">在售/在租</span>
            </view>
          </view>
        </view>
      </view>-->
    </scroll-view>
    <view class="bot" v-if="width == 290 && !zbc">
      <checkbox style="top: 34rpx; left: 30rpx; position: relative" class="round" :checked="checked"
        @click="allChecked"></checkbox>
      <span style="position: absolute; top: 40rpx; left: 90rpx">全选</span>
      <view class="bot_4" @click="fenpei">分配（{{ activeLength }}）</view>
    </view>

    <view class="bot_1" v-if="fenpeiShow">
      <view class="bot_3" @click="guan">取消</view>
      <view class="bot_4" @click="xiajiao">确定</view>
    </view>
    <view class="zbc" v-if="zbc" @click="zbc = false">
      <view class="fenpei" v-if="showList" @click.stop="aaa">
        <scroll-view scroll-y class="zbcScroll">
          <view class="mingpian" v-for="(item, index) in jjrList" :key="index" :style="
              'margin-left: ' +
              (396 - 290) +
              'rpx;width: ' +
              (290 + 324) +
              'rpx'
            ">
            <checkbox style="top: 70rpx; left: -80rpx; position: relative" :checked="item.active" :data-index="index"
              @click.stop="changeRadio1"></checkbox>
            <view class="name">{{ item.userName }}</view>
            <image class="img1" :src="item.userImage" />
            <view class="img2">经纪人</view>
            <view class="xin" v-if="item.scoreAvg">
              <image class="img3" v-for="item1 in Number(item.scoreAvg)" :key="item1"
                src="https://pic.bangbangtongcheng.com/static/xin_liang.png" />
              <image class="img3" v-for="item1 in 5 - item.scoreAvg" :key="item1"
                src="https://pic.bangbangtongcheng.com/static/xin_hui.png" />
            </view>
            <!-- <view class="li" v-if="item.dutyStatus == 2">离职</view>
            <view class="zhi" v-if="item.dutyStatus == 1">在职</view>-->
            <!-- <image class="img4" src="https://pic.bangbangtongcheng.com/static/xiaoxi_lan.png" /> -->
            <!-- <image class="img5" src="https://pic.bangbangtongcheng.com/static/dianhua_lan.png" /> -->
          </view>
        </scroll-view>

        <view class="bot" style="border-top: 2rpx solid #e0e0e0">
          <view class="bot_41" @click="zbc = false">取消</view>
          <view class="bot_4" @click="fenpei1">确定</view>
        </view>
      </view>
      <view class="shangjia" @click.stop="aaa" v-if="shangjia">
        <view class="li_1">确定要将当前房源分配给{{ activeData.userName }}？</view>
        <view class="li_2" @click="guan">取消</view>
        <view class="li_3" @click="fenpei2">确定</view>
      </view>
    </view>
	<uniBall></uniBall>
  </view>
</template>
<script>
  import {
    mapGetters
  } from "vuex";
  let statusBarHeight;
  //#ifdef H5
  import wxshare from "../utils/index.js";
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44;
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44;
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5 + 88;
  //  #endif
  export default {
    data() {
      return {
        statusBarHeight,
        width: 366,
        text: "管理",
        TabCur: 0,
        zbc: false,
        shangjia: false,
        fenpeiShow: false,
        showList: false,
        list: [{
            num: 1,
            name: "全部"
          },
          {
            num: 2,
            name: "新房"
          },
          {
            num: 3,
            name: "二手房"
          },
          {
            num: 4,
            name: "出租房"
          }
        ],
        scrollLeft: 0,
        transactionType: "",
        newOld: "",
        picker: [],
        jjrInfo: {},
        userInfo: uni.getStorageSync("Pduser"),
        transactionType: "",
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        Recommend: [],
        newOld: "",
        imgUrl: this.$imgSrc,
        checked: false,
        activeLength: 0,
        id: "",
        jjrList: [],
        activeData: {},
        shopId: "",
        dutyStatus: 1
      };
    },
    onLoad(options) {
      for (let i = 1; i < 11; i++) {
        this.picker.push(i + "天");
      }
      this.id = options.id;
      this.shopId = options.shopId;
      this.dutyStatus = options.dutyStatus;
      this.getjjr(options.id);
      this.getjjrList();
      this.getHouseInfo();
      /* #ifdef H5 */
      this.jinzhi();
      /* #endif */
    },
    async onPullDownRefresh() {
      this.Recommend = [];
      this.pageNo = 1;
      this.downStatus = true;
      if (this.upStatus) {
        this.trigger = true;
        await this.getHouseInfo();
      }
    },
    filters: {
      nums(val) {
        return val.toFixed(2);
      }
    },
    computed: {
      ...mapGetters(["statusBarHeight1", "userinfo"])
    },
    methods: {
      bianji() {
        if (this.text == "管理") {
          this.text = "完成";
          this.width = 290;
        } else {
          this.text = "管理";
          this.width = 366;
        }
      },
      changeRadio1(e) {
        let that = this;
        let index = e.currentTarget.dataset.index;
        that.jjrList.forEach((el, index1) => {
          if (index == index1) {
            that.jjrList[index].active = !that.jjrList[index].active;
            that.activeData = that.jjrList[index];
          } else {
            el.active = false;
          }
        });
      },
      allLength() {
        let arr = this.Recommend.filter(el => {
          return el.active;
        });
        this.activeLength = arr.length;
      },
      jinzhi() {
        let _this = this;
        let param = window.location.href.split("#")[0];
        uni.request({
          method: "post",
          data: {
            url: param
          },
          header: {
            "content-type": "application/x-www-form-urlencoded"
          },
          url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
          success(re) {
            _this.jinzhifx(re.data);
          }
        });
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ["hideMenuItems"]
        });
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            "menuItem:share:appMessage",
            "menuItem:share:timeline",
            "menuItem:share:timeline",
            "menuItem:share:qq",
            "menuItem:favorite",
            "menuItem:share:QZone",
            "menuItem:openWithSafari"
          ]
        });
      },
      aaa() {},
      fenpei() {
        let that = this;
        if (this.activeLength == 0) {
          uni.showToast({
            title: "请选择房源",
            icon: "none",
            mask: true
          });
          return;
        }
        this.zbc = true;
        this.showList = true;
        return;
      },
      guan() {
        this.shangjia = false;
        this.zbc = false;
      },
      fenpei1() {
        let arr = [];
        console.log(this.jjrList);
        this.jjrList.forEach(el => {
          if (el.active) {
            arr.push(el);
          }
        });
        if (!arr.length) {
          uni.showToast({
            title: "请选择经纪人",
            icon: "none"
          });
          return;
        }
        this.showList = false;
        this.shangjia = true;
      },
      fenpei2() {
        let that = this;
        let arr = [];
        this.Recommend.forEach(el => {
          if (el.active) {
            arr.push(el.id);
          }
        });
        this.$myRequest
          .post("/mob/user/updateHouseUserId", {
            id: String(arr),
            userId: this.activeData.userId
          })
          .then(res => {
            this.guan();
            uni.showToast({
              title: res.msg,
              icon: "none"
            });
            setTimeout(() => {
              that.reload();
            }, 1000);
          });
      },
      reload() {
        this.Recommend = [];
        this.pageNo = 1;
        this.upStatus = true;
        this.trigger = false;
        this.getHouseInfo();
      },
      details(id) {
        uni.navigateTo({
          url: "/pages_houses/housing/used/houseDetails?id=" + id
        });
      },
      changeRadio(e) {
        let that = this;
        let index = e.currentTarget.dataset.index;
        that.Recommend[index].active = !that.Recommend[index].active;
        this.allLength();
        // console.log(this.Recommend);
      },
      allChecked() {
        this.checked = !this.checked;
        if (this.checked) {
          this.Recommend.forEach(el => {
            el.active = true;
          });
        } else {
          this.Recommend.forEach(el => {
            el.active = false;
          });
        }
        this.allLength();
        // console.log(this.Recommend);
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id;
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
        this.transactionType = "";
        this.newOld = "";
        if (this.TabCur == 0) {
          this.transactionType = "";
          this.newOld = "";
        } else if (this.TabCur == 1) {
          this.transactionType = "2";
          this.newOld = "1";
        } else if (this.TabCur == 2) {
          this.transactionType = "2";
          this.newOld = "2";
        } else if (this.TabCur == 3) {
          this.transactionType = "1";
          this.newOld = "";
        }
        this.Recommend = [];
        this.pageNo = 1;
        this.upStatus = true;
        this.downStatus = true;
        this.getHouseInfo();
      },
      down() {
        if (this.downStatus) {
          this.pageNo++;
          this.getHouseInfo();
        }
      },
      async up() {
        this.Recommend = [];
        this.pageNo = 1;
        this.downStatus = true;
        if (this.upStatus) {
          this.trigger = true;
          await this.getHouseInfo();
        }
      },
      getjjr(id) {
        let that = this;
        this.$myRequest
          .get("/mob/user/getUserInfoByUserId", {
            id
          })
          .then(res => {
            res.userInfo.scoreAvg = res.scoreAvg;
            if (res.userInfo.userImage) {
              let arr = res.userInfo.userImage.split("");
              if (arr[0] == "/") {
                res.userInfo.userImage = that.imgUrl + res.userInfo.userImage;
              }
            }
            this.jjrInfo = res.userInfo;
          });
      },
      getjjrList() {
        let that = this;
        this.$myRequest
          .get("/mob/user/getAgentInfoList", {
            pageSize: "999",
            pageNo: "1",
            dutyStatus: 1,
            shopId: this.userInfo.shopId
          })
          .then(res => {
            res.page.list.forEach(el => {
              el.active = false;
              if (el.userImage) {
                let arr = el.userImage.split("");
                if (arr[0] == "/") {
                  el.userImage = that.imgUrl + el.userImage;
                }
              }
            });
            this.jjrList = res.page.list;
          });
      },
      getHouseInfo() {
        this.upStatus = false;
        this.$myRequest
          .get("/mob/home/getHouseInfo", {
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            userId: this.id,
            transactionType: this.transactionType,
            newOld: this.newOld,
            shopId: this.shopId,
            examineStatus: "2"
          })
          .then(res => {
            if (!res.list.length) {
              this.downStatus = false;
            }
            this.upStatus = true;
            this.trigger = false;
            res.list.forEach(el => {
              if (el.house_image) {
                el.house_image = el.house_image.split("|")[0];
              }
              el.active = false;
            });
            this.Recommend = this.Recommend.concat(res.list);
            uni.stopPullDownRefresh();
            // this.userInfo = res.userInfo;
            // uni.setStorageSync("Pduser", res.userInfo);
          });
      },
      fanhui() {
        uni.navigateBack({
          delta: 1
        });
      }
    }
  };
</script>
<style lang="less" scoped>
  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000000;

    .zbcScroll {
      height: calc(1000rpx - 120rpx);
      padding-top: 40rpx;
    }

    .shangjia {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 100000000;

      // box-shadow: 0 0 16rpx 2rpx;
      .li_1 {
        width: 100%;
        font-size: 34rpx;
        font-weight: 600;
        // margin-left: 114rpx;
        margin-top: 80rpx;
        text-align: center;
      }

      .li_2 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
        margin-top: 58rpx;
        margin-left: 118rpx;
      }

      .li_3 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
        margin-top: 58rpx;
        margin-left: 46rpx;
      }
    }
  }

  .box {
    width: 100%;
    height: 100vh;
    // padding-bottom: 130rpx;
    background-color: #fff;
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 56rpx;
      height: 56rpx;
      // top: 104rpx;
      right: 30rpx;
    }

    p {
      position: absolute;
      // top: 90rpx;
      line-height: 45rpx;
      bottom: 21rpx;
      right: 30rpx;
      font-size: 32rpx;
      color: #fff;
    }
  }

  .fenpei {
    width: 100%;
    height: 1000rpx;
    position: absolute;
    border-radius: 42rpx 42rpx 0px 0px;
    background-color: #fff;
    bottom: 0;
    overflow-y: auto;
    padding-bottom: 40rpx;

    .mingpian_1 {
      position: relative;
      width: 690rpx;
      height: 200rpx;
      background: #ffffff;
      box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
      border-radius: 18rpx;
      margin-top: 40rpx;
      margin-left: 30rpx;

      .name {
        position: absolute;
        top: 50rpx;
        left: 174rpx;
        font-size: 36rpx;
      }

      .img1 {
        position: absolute;
        top: 44rpx;
        left: 30rpx;
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
      }

      .img2 {
        position: absolute;
        top: 132rpx;
        left: 40rpx;
        width: 100rpx;
        height: 36rpx;
      }

      .zhiwei {
        position: absolute;
        top: 132rpx;
        left: 54rpx;
        font-size: 20rpx;
        color: #fff;
      }

      .xin {
        position: absolute;
        top: 112rpx;
        left: 170rpx;

        .img3 {
          width: 40rpx;
          height: 40rpx;
        }
      }

      .img4 {
        position: absolute;
        width: 54rpx;
        height: 54rpx;
        top: 50rpx;
        left: 300rpx;
      }

      .img5 {
        position: absolute;
        width: 54rpx;
        height: 54rpx;
        top: 50rpx;
        left: 360rpx;
      }

      .li {
        position: absolute;
        top: 0;
        right: 0;
        width: 130rpx;
        height: 60rpx;
        background: #666666;
        border-radius: 0 18rpx 0 18rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
      }

      .zhi {
        position: absolute;
        top: 0;
        right: 0;
        width: 130rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 0 18rpx 0 18rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
      }
    }
  }

  .bot_1 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    z-index: 9;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);

    view {
      display: inline-block;
      position: absolute;
    }

    .bot_1 {
      left: 42rpx;
      top: 38rpx;
    }

    .bot_3 {
      width: 200rpx;
      height: 70rpx;
      background: #ffffff;
      border: 2rpx solid #64b6a8;
      color: #64b6a8;
      line-height: 68rpx;
      left: 304rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;
    }

    .bot_4 {
      width: 200rpx;
      height: 70rpx;
      background: #64b6a8;
      color: #ffffff;
      line-height: 68rpx;
      left: 520rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;
    }
  }

  .bot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    z-index: 9;

    view {
      display: inline-block;
      position: absolute;
    }

    .bot_1 {
      left: 42rpx;
      top: 38rpx;
    }

    .bot_3 {
      width: 200rpx;
      height: 70rpx;
      background: #ffffff;
      border: 2rpx solid #64b6a8;
      color: #64b6a8;
      line-height: 68rpx;
      left: 304rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;
    }

    .bot_41 {
      width: 200rpx;
      height: 70rpx;
      color: #64b6a8;
      line-height: 68rpx;
      left: 280rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;
      background: #fff;
      border: 1rpx solid #64b6a8;
    }

    .bot_4 {
      width: 200rpx;
      height: 70rpx;
      background: #64b6a8;
      color: #ffffff;
      line-height: 68rpx;
      left: 520rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;
    }
  }

  .list_1 {
    margin-top: 30rpx;
    margin-left: 30rpx;
    width: 720rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .li {
      position: relative;
      width: 96%;
      padding-bottom: 18rpx;
      margin-bottom: 34rpx;

      .xian {
        position: absolute;
        height: 2rpx;
        background-color: #e0e0e0;
        bottom: 0;
        right: 0;
      }

      .img1 {
        width: 300rpx;
        height: 200rpx;
      }

      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .img3 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 100%;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .neirong_1{
        	// width: 366rpx;
        	font-size: 24rpx;
        	color: #666666;
        	display: flex;
        	align-items: center;
        	.price{
        		color: red;
        		font-size: 30rpx;
        		font-weight: 600;
        	}
        	.neir_css{
        		flex: 1;
        		overflow: hidden;
        		text-overflow: ellipsis;
        		display: -webkit-box;
        		-webkit-line-clamp: 1; //想要的行数
        		-webkit-box-orient: vertical;
        	}
        	.neir_css:nth-child(2n){
        		margin-left: 10rpx;
        	}
        	.neir_css:nth-child(2n-1){
        		margin-right: 10rpx;
        	}
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .mingpian {
    position: relative;
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-top: 40rpx;
    margin-left: 30rpx;

    .name {
      position: absolute;
      top: 50rpx;
      left: 174rpx;
      font-size: 36rpx;
    }

    .img1 {
      position: absolute;
      top: 44rpx;
      left: 30rpx;
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
    }

    .img2 {
      position: absolute;
      top: 132rpx;
      left: 40rpx;
      width: 100rpx;
      height: 36rpx;
      background: url("https://pic.bangbangtongcheng.com/static/name.png");
      background-size: 100% 100%;
      font-size: 20rpx;
      color: #fff;
      text-align: center;
      line-height: 36rpx;
    }

    .zhiwei {
      position: absolute;
      top: 132rpx;
      left: 54rpx;
      font-size: 20rpx;
      color: #fff;
    }

    .xin {
      position: absolute;
      top: 112rpx;
      left: 170rpx;

      .img3 {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .img4 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 300rpx;
    }

    .img5 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 360rpx;
    }
  }

  .view {
    position: relative;
    font-size: 26rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 48rpx;
    height: 48rpx;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 40rpx;
    margin-top: -14rpx;
    right: 6rpx !important;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }
</style>